<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			/*群组选择器 , 表示并列使用相同样式*/
			dt,p{
				background-color: gray;
			}
			#dt2{
				background-color: blue;
			}
			dd a{
				color: red;
			}
			#p2{
				font-size: 30px;
			}
			p>a:hover{
				color: red;
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<dl>
			<dt>dt1</dt>
			<dd><a href="#">链接1</a></dd>
		</dl>
		<dl>
			<dt id="dt2">dt2</dt>
			<dd><a href="#">链接2</a></dd>
		</dl>
		<p>p1</p>
		<p id="p2"><a href="#">链接2</a></p>
		<p>p3</p>
		<p>p4</p>
		<p>p5</p>
	</body>
</html>
